<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet/less" href="css/base.less">
    <link rel="stylesheet/less" href="css/cabbage.less">
    <script src="lib/less/less.js"></script>
    <title>慢慢买</title>
</head>

<body >
    <!--头部区域-->
    <header class="clearfix" id='header'>
        <a href="index.html">
            <img src="images/back .png" alt="">
        </a>
        <div class="download">
            <img src="images/header_app.png" alt="">
        </div>
        <h5>白菜价-淘宝内部卷</h5>
    </header>
    <!-- 白菜价的导航栏 -->
    <div id='navigation'>
        <div class="ulcontainer" id='ulbox'>
            <ul class="clearfix" id='ul'>
            </ul>
        </div>
    </div>
    <!-- 白菜价商品显示 -->
    <section id="recommend">
        <div class="rec-list">
        </div>
    </section>
    <section id="backtop">
        <a href="javascript:;" class="back">
        </a>
    </section>
    <!-- 白菜价底部 -->
    <footer id="footer">
        <div class="login">
            <div class="con">
                <div class="col-xs-4">
                    <a href="#" id="">登录</a>
                </div>
                <div class="col-xs-4">
                    <a href="#" id="">注册</a>
                </div>
                <div class="col-xs-4">
                    <a href="#" id="">
                        <img src="http://www.zuyushop.com/wap/images/top.jpg" alt=""> 返回顶部
                    </a>
                </div>
            </div>
        </div>
        <p>
            <a href="#" class='red'>手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com </p>
    </footer>
    <!-- 导航栏的模板 -->
    <script type='text/html' id='naviTmp'>
        {{each result as value i}}
        <li>
            <a href="#" data-titleId="{{value.titleId}}">{{value.title}}</a>
        </li>
        {{/each}}
    </script>
    <!-- 商品详细信息的模板 -->
    <script type='text/html' id="recTmp">
        {{each result as value i}}
            <div class="media">
                <div class="media-left">
                    <a href="#">
                        {{#value.productImg}}
                    </a>
                </div>
                <div class="media-body">
                    <h5 class="media-heading">{{#value.productName}}</h5>
                    <span class='juan'>{{#value.productPrice}}</span>
                    <div class="percent">
                        {{#value.productCouponRemain}}
                    </div>
                    <div class="link clearfix">
                        {{#value.productCoupon}} {{#value.productHref}}
                    </div>
                </div>
            </div>
        {{/each}}
    </script>
    <!--js引包-->
    <script src='lib/jquery/jquery.min.js'></script>
    <script src='lib/template.js'></script>
    <!--bootstrap是依赖jquery进行的，必须写在前面-->
    <script src="lib/jquery/jquery.js"></script>
    <!--引入bootstrap-->
    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <!--最后引入自己的js代码-->
    <script src="js/cabbage.js"></script>
    <script src="js/jquery.lazyload.min.js">
    </script>
    <script src="js/jquery.scrollstop.min.js"></script>
</body>

</html>
